<template>
    <div>
        <el-tabs v-model="activeName" @tab-click="handleClick"  type="card">
            <el-tab-pane label="示例一" name="TreeExample1" >
                <tree-example1/>
            </el-tab-pane>
            <el-tab-pane label="示例二" name="TreeExample2" >
                <tree-example2/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import TreeExample1 from './components/Example1'
    import TreeExample2 from './components/Example2'
    export default {
        name: "TreeTest",
        components: {
            TreeExample1,
            TreeExample2
        },
        data() {
            return {
                activeName: "TreeExample1"
            }
        },
        methods: {
            handleClick() {

            }
        }
    }
</script>

<style scoped>

</style>